<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>申请弹窗</title>
    <link rel="stylesheet" href="./layui/css/layui.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="Shortcut Icon" href="cachet.ico">
</head>
<body>
<form class="layui-form" action="">
    <div class="layui-form no_bordertop wid_box120" >
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">申请类型：</label>
                <div class="layui-input-block">
                    <select name="interest" lay-filter="aihao">
                        <option value="申请外带" selected="">申请外带</option>
                        <option value="申请使用">申请使用</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label ">申请印章:</label>
                <div class="layui-input-block">
                    <select name="interest" lay-filter="aihao">
                        <option value="公司印章" selected="">公司印章</option>
                        <option value="财务印章">财务印章</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">申请事由:</label>
                <div class="layui-input-block">
                    <textarea placeholder="请输入申请事由" class="layui-textarea"></textarea>
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">相关证明:</label>
                <div class="layui-input-inline add_mebtn">
                    <div class="user-file-img" id="zmobj"></div>
                    <input type="file" name="" id="zm" value="" class="user-file-input"/>
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">申请使用:</label>
                <div class="layui-input-block add_btnnumber">
                    <span class="minus">-</span>
                    <input type="text" class="btn_nums" value="0" readonly="readonly">
                    <span class="add">+</span>
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">使用时间:</label>
                <div class="layui-input-inline">
                    <input type="text" class="layui-input" id="test6" placeholder=" 请选择使用时间 ">
                </div>
            </div>
        </div>
        <div class="layui-form-item text-center">
            <div class="layui-input-block" style="margin-left: 0;">
                <button class="layui-btn" lay-submit="" lay-filter="demo1">提交</button>
                <button type="reset" class="layui-btn layui-btn-primary">取消</button>
            </div>
        </div>
    </div>
</form>
<script src="./js/jquery.min.js"></script>
<script src="./layui/layui.js"></script>
<script>
    //JavaScript代码区域
    layui.use(['element','form','layedit','laypage','laydate'], function(){
        var element = layui.element;
        var form = layui.form;
        var laydate = layui.laydate;
        var layedit = layui.layedit;
        var laypage = layui.laypage;
        var   layer = layui.layer;
        //日期范围
        laydate.render({
            elem: '#test6'
            ,range: true
        });
        var num=0;
        $('.add').click(function () {
            num++;
            $('.btn_nums').val(num)

        });
        $('.minus').click(function () {
            num--;
            if(num<0){
               num=0;
            }
            $('.btn_nums').val(num)

        });
    });

</script>
</body>
</html>